<mat-list>
  <h3 mat-subheader>项目</h3>
  <mat-list-item [routerLink]="['/projects']" (click)="onNavClick()">
    <mat-icon mat-list-icon svgIcon="projects"></mat-icon>
    <span mat-line>项目首页</span>
    <span mat-line mat-subheader>查看您参与的全部项目</span>

  </mat-list-item>
  <mat-list-item *ngFor="let prj of projects$ | async" (click)="onPrjClick(prj)">
    <mat-icon mat-list-icon svgIcon="projects "></mat-icon>
    <span mat-line>{{prj.name}}</span>
    <span mat-line mat-subheader>{{prj.desc}}</span>
  </mat-list-item>
  <mat-list-item>
    <mat-icon mat-list-icon svgIcon="projects"></mat-icon>
    <span mat-line>某某公司ERP系统</span>
    <span mat-line mat-subheader>为某某公司定制化ERP</span>
  </mat-list-item>
  <h3 mat-subheader>日历</h3>
  <mat-list-item [routerLink]="['/mycal/month']"(click)="onNavClick()">
    <mat-icon mat-list-icon svgIcon="month"></mat-icon>
    <span mat-line>月视图</span>
    <span mat-line mat-subheader>按月查看你的任务</span>
  </mat-list-item>
  <mat-list-item [routerLink]="['/mycal/week']"(click)="onNavClick()">
    <mat-icon mat-list-icon svgIcon="week"></mat-icon>
    <span mat-line>周视图</span>
    <span mat-line mat-subheader>按周查看你的任务</span>
  </mat-list-item>
  <mat-list-item [routerLink]="['/mycal/day']" (click)="onNavClick()">
    <mat-icon mat-list-icon svgIcon="day9"></mat-icon>
    <span mat-line>日视图</span>
    <span mat-line mat-subheader>按天查看你的任务</span>
  </mat-list-item>
</mat-list>
